根據昨天的問答...
Q: 既然我們要用CSS來設計網頁外觀和佈局，那要如何選擇我們要的元素以及改變外觀呢?
A:當然是通過選擇器（Selectors） 與屬性和值來完成外觀的選擇的啦!
沒錯，這次要來講屬性和值（Properties and Values） 了!
當你選擇要應用樣式的元素後，接下來指定元素的外觀，就是通過屬性和值來完成的。
在昨日的選擇器上也使用過多次，但這次來好好介紹一下吧!
selector {
property: value;
}
指定元素外觀的特性，像是:
| 屬性 | 說明 |
|---|---|
| color | 用來改變文字顏色 |
| font-size | 用來改變字體大小 |
| background-color | 用來改變背景顏色 |
| border-color | 用來改變邊框顏色 |
| font-weight | 用來改變字體型態特性 |
選定的屬性具體要改變的數值，像是:
| 屬性 | 值 | 說明 |
|---|---|---|
| color | red | 將文字顏色設置為紅色 |
| font-size | 16px | 將字體大小設置為16像素 |
| background-color | #f0f0f0 | 將背景顏色設置為淺灰色。 |
| border-color | green | 將邊框設置為綠色 |
| font-weight | bold | 將字體加粗 |
除了上面五個常見的之外還有許多特殊的屬性下回再來說，先介紹到這，感謝觀看!
這裡有好用的CSS demo網站
iThome鐵人賽
看影片追技術